<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<div class="table-responsive">
    <table class="table table-bordered">
        <thead>
        <tr>
            <th class="text-center">
                <div class="table-first-id">ID</div>
            </th>
            <th class="text-center" width="10%">评分人</th>
            <th class="text-center" width="10%">章节</th>
            <th class="text-center" width="8%">总分</th>
            <th class="text-center" width="8%">课程质量</th>
            <th class="text-center" width="8%">教学质量</th>
            <th class="text-center" width="8%">综合感受</th>
            <th class="text-center" width="25%">评价内容</th>
            <th class="text-center" width="10%">状态</th>
            <th class="text-center" width="8%">操作</th>
        </tr>
        </thead>
    </table>

    <div class="J_V_tabContent table-xScrollWrap">
        <table class="table table-bordered table-hover table-xs-content">
            <tbody id="tbodyMaterial">
            <tr class="jqgfirstrow" role="row">
                <td class="text-center">
                    <div class="table-first-id">&nbsp;</div>
                </td>
                <td class="text-center" width="10%"></td>
                <th class="text-center" width="10%"></th>
                <td class="text-center" width="8%"></td>
                <td class="text-center" width="8%"></td>
                <td class="text-center" width="8%"></td>
                <td class="text-center" width="8%"></td>
                <td class="text-center" width="25%"></td>
                <td class="text-center" width="10%"></td>
                <td class="text-center" width="8%"></td>
            </tr>
            <tr th:if="${#lists.isEmpty(dataMap['list'])}">
                <td colspan="10" class="text-center">
                <div class="noDataTipsBox">
                    <p><span class="c-4e fs16">亲，还没有数据~~~</span></p>
                </div>
                </td>
            </tr>

            <tr th:if="not ${#lists.isEmpty(dataMap['list'])}" th:each="comment : ${dataMap['list']}" th:attr="data-id=${comment['id']}">
                <td class="text-center">
                    <input type="checkbox" class="i-checks" th:value="${comment['id']}">
                </td>
                <td class="text-center" th:text="${comment['user']!=null&&comment['user']['nickname']!=null?comment['user']['nickname']:''}"></td>
                <td class="text-center" th:text="${comment['catalog']}!=null?${comment['catalog']['catalogName']}:'-'"></td>
                <td class="text-center" th:text="${comment['quality'] + comment['teach'] + comment['feel']}"></td>
                <td class="text-center" th:text="${comment['quality']}"></td>
                <td class="text-center" th:text="${comment['teach']}"></td>
                <td class="text-center" th:text="${comment['feel']}"></td>
                <td class="text-center" th:text="${#strings.isEmpty(comment['comment']) ? '—' : comment['comment']}"></td>
                <td class="text-center" data-status th:attrappend="id='status-'+${comment['id']}">
                    <span th:if="${comment['status'] == 1}" class="label label-info">显示</span>
                    <span th:if="${comment['status'] == 2}" class="label label-default">隐藏</span>
                </td>
                <td class="text-center" data-icon>
                    <a th:if="${comment['status'] == 1}" href="javascript:void(0)" data-status="2" th:attrappend="data-id=${comment['id']}" class="c-master fs14 ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="隐藏"><i class="fa fa-unlock-alt"></i></a>
                    <a th:if="${comment['status'] == 2}" href="javascript:void(0)" data-status="1" th:attrappend="data-id=${comment['id']}" class="c-master fs14 ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="显示"><i class="fa fa-history"></i></a>
                </td>
                </tr>
            </tbody>
        </table>
    </div>

    <!-- 分页，开始 -->
    <div data-th-replace="layout/adminPage"></div>
    <!-- 分页，结束 -->
</div>

</html>